<template>
	<div class="mc-open-data">
		<Input
			v-if="!detailed"
			:value="innerValue"
			:placeholder="placeholder"
			readonly
		/>
		<p v-else>{{innerValue}}</p>
	</div>
</template>

<script>
import {Input} from 'element-ui';
import {magic} from '@lexmis/magic-ui/pc';

export default {
	name:'McOpenData',
	components:{
		Input,
	},
	props:{
		value:{
			type:String,
			default:'',
		},
		type:{
			type:String,
			default:'currUser',
		},
		showLevel:{
			type:String,
			default:'last',
		},
		detailed:{
			type:Boolean,
			default:false,
		},
		placeholder:{
			type:String,
			default:'系统自动生成',
		},
	},
	data(){
		return {
			innerValue:'',
		};
	},
	watch:{
		value:{
			immediate:true,
			handler(newVal){
				if(newVal){
					this.getData();
				}
			},
		},
	},
	methods:{
		getData(){
			magic.core
				.service({
					url:'/api/magic-org/getOrgByIds',
					method:'post',
					data:{orgIds:[this.value]},
				})
				.then(({data}) => {
					this.innerValue = data.map((item) => item.orgName).join(',');
				});
		},
	},
};
</script>